import { StyleSheet } from 'react-native';

import { phonePx } from '../../../../../../util/adapt';
import { CLASS_ROOM_RIGHT_SCALE } from '../../../../constant';

export default StyleSheet.create({
  container: {
    width: phonePx(152) * CLASS_ROOM_RIGHT_SCALE,
    marginVertical: phonePx(10) * CLASS_ROOM_RIGHT_SCALE
  },
  other: {
    flexDirection: 'row',
    alignItems: 'flex-start',
    justifyContent: 'flex-start'
  },
  own: {
    flexDirection: 'row',
    alignItems: 'flex-start',
    justifyContent: 'flex-end'
  },
  loading: {
    marginTop: phonePx(6) * CLASS_ROOM_RIGHT_SCALE
  },
  head: {
    marginLeft: phonePx(6) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(20) * CLASS_ROOM_RIGHT_SCALE,
    width: phonePx(20) * CLASS_ROOM_RIGHT_SCALE,
    borderRadius: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: 'red'
  },
  ownHead: {
    marginRight: phonePx(6) * CLASS_ROOM_RIGHT_SCALE,
    marginLeft: phonePx(8) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(20) * CLASS_ROOM_RIGHT_SCALE,
    width: phonePx(20) * CLASS_ROOM_RIGHT_SCALE,
    borderRadius: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: 'orange'
  },
  voice: {
    marginLeft: phonePx(8) * CLASS_ROOM_RIGHT_SCALE
  },
  ownVoice: {
    marginLeft: phonePx(10) * CLASS_ROOM_RIGHT_SCALE
  },
  unRead: {
    marginLeft: phonePx(13) * CLASS_ROOM_RIGHT_SCALE,
    width: phonePx(6) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(6) * CLASS_ROOM_RIGHT_SCALE,
    marginTop: phonePx(12) * CLASS_ROOM_RIGHT_SCALE,
    borderRadius: phonePx(3) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: '#FA5151'
  },
  withDraw: {
    width: phonePx(21) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(14) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: 'transparent',
    alignItems: 'center',
    justifyContent: 'center',
    marginTop: phonePx(8) * CLASS_ROOM_RIGHT_SCALE
  },
  withDrawDesc: {
    color: '#3C96FA',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE
  },
  haveWithDraw: {
    color: '#A2A7AD',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    lineHeight: phonePx(14) * CLASS_ROOM_RIGHT_SCALE,
    marginVertical: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    marginHorizontal: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    textAlign: 'center'
  }
});
